<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name = "viewport" content = "width=device-width, minimum-scale=1, maximum-scale=1">
		<!--离线应用的另一个技巧-->
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<!--指定的iphone中safari顶端的状态条的样式-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<!--告诉设备忽略将页面中的数字识别为电话号码-->
		<meta content="telephone=no" name="format-detection" />
		
		<link rel="stylesheet" type="text/css" href="css/frozen.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		
	</head>
	<body>
	
		<header class="ui-header ui-header-stable ui-border-b">
		    <i class="ui-icon-return" onclick="history.back()"></i>
		    <h1>我的购物车</h1>
		    <button class="ui-btn">首页</button>
		</header>
		
		<footer class="ui-footer ui-footer-stable ui-border-t">
			
			<div class="ui-cart-pay ui-tiled">
				<div class="ui-cart-goods-amount">
					<pan>总金额：<b>￥560</b><i class="ui-goods-cart-discount">(立奖：20%)</i></pan>
				</div>
				<div class="ui-cart-pay-btn ui-btn-group">
				    <button class="ui-btn ui-btn-danger">结算</button>
				</div>
			</div>
		    
		</footer>
		
		<section class="ui-container">
			
			<!--s not goods-->
			<section class="ui-not-goods-wrap">
				<div class="ui-cart-not-goods">
				    <i class="iconfont">&#xf620;</i>
				    <p>没有商品噢(ㄒoㄒ)~~</p>
				    <div class="ui-btn-group">
				        <button class="ui-btn-primary ui-btn">去选购</button>
				    </div>
			    </div>
			</section><!--e not goods-->
			
			<ul class="ui-list-goods-cart ui-whitespace">
				<li class="ui-tiled ui-border-b">
					<label class="ui-checkbox-s">
				        <input type="checkbox" name="checkbox" checked>
				    </label>
					<div class="ui-list-goods-img">
			            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
			        </div>
			        <div class="ui-list-goods-info">
			        	<h5>韩版休闲新款</h5>
			        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
			        	<div class="count ui-tiled ui-border">
			        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
			        		<span class="number">23</span>
			        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
			        	</div>
			        </div>
			        <div class="ui-list-goods-price">
			        	<p class="price">
			        		<b>￥280</b>
			        		<b class="ui-txt-highlight">立奖：30%</b>
			        	</p>
				        <i class="iconfont ui-goods-cart-close">&#xe646;</i>
			        </div>
				</li>
				<li class="ui-tiled ui-border-b">
					<div class="ui-list-goods-img">
			            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
			        </div>
			        <div class="ui-list-goods-info">
			        	<h5>韩版休闲新款</h5>
			        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
			        	<div class="count ui-tiled ui-border">
			        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
			        		<span class="number">23</span>
			        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
			        	</div>
			        </div>
			        <div class="ui-list-goods-price">
			        	<p class="price">
			        		<b>￥280</b>
			        		<b class="ui-txt-highlight">立奖：30%</b>
			        	</p>
				        <i class="iconfont ui-goods-cart-close">&#xe646;</i>
			        </div>
				</li>
				<li class="ui-tiled ui-border-b">
					<div class="ui-list-goods-img">
			            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
			        </div>
			        <div class="ui-list-goods-info">
			        	<h5>韩版休闲新款</h5>
			        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
			        	<div class="count ui-tiled ui-border">
			        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
			        		<span class="number">23</span>
			        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
			        	</div>
			        </div>
			        <div class="ui-list-goods-price">
			        	<p class="price">
			        		<b>￥280</b>
			        		<b class="ui-txt-highlight">立奖：30%</b>
			        	</p>
				        <i class="iconfont ui-goods-cart-close">&#xe646;</i>
			        </div>
				</li>
				<li class="ui-tiled ui-border-b">
					<div class="ui-list-goods-img">
			            <img src="http://placeholder.qiniudn.com/50x50" width="50" height="50"/>
			        </div>
			        <div class="ui-list-goods-info">
			        	<h5>韩版休闲新款</h5>
			        	<p class="ui-goods-size-color"><span>尺码：42</span><span>颜色：棕色</span></p>
			        	<div class="count ui-tiled ui-border">
			        		<a href="#" class="move iconfont ui-border-r">&#xe768;</a>
			        		<span class="number">23</span>
			        		<a href="#" class="add iconfont ui-border-l">&#xe767;</a>
			        	</div>
			        </div>
			        <div class="ui-list-goods-price">
			        	<p class="price">
			        		<b>￥280</b>
			        		<b class="ui-txt-highlight">立奖：30%</b>
			        	</p>
				        <i class="iconfont ui-goods-cart-close">&#xe646;</i>
			        </div>
				</li>
			</ul>
	        
		    <div class="ui-copyright">
		    	<ul class="ui-tiled declare">
		    		<li>诚信商家</li>
		    		<li>15天无理由免邮退换货</li>
		    	</ul>
		    	<p class="info tc">© 2014-2016 kaieers All Rights Reserved</p>
		    </div>
			
		</section>
		
		<script src="js/lib/zeptojs/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/frozen.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
